<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" placeholder="数量" id="i1">
<input type="button" value="添加帅哥" onclick="f(1)">
<input type="button" value="添加美女" onclick="f(2)">

<script>

  function f(x) {
      //根据点击不同按钮传递的不同的值得到不同的图片名
    let imgName=x==1?"../b.jpg":"../b.jpg"
   /* let s=document.querySelector("input")*/
    for (let j = 0; j <i1.value ; j++) {
      let i=document.createElement("img")//创建图片标签对象
      i.src=imgName //修改src属性的值
      document.body.appendChild(i)
    }

  }



</script>

</body>
</html>